.alarm {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  .nav-bar{
    box-shadow: 0px 2px 9px 1px
    rgba(188, 188, 192, 0.18);
  }
  .back-title {
    .title-name{
      font-size: 34rpx;
      font-weight: 700;
      color: #000000;
    }
  }
  .down-wrapper{
    flex: 1;
    position: relative;
    overflow: hidden;
    .list-alerm{
      width: 700rpx;
      padding: 30rpx 30rpx 26rpx 30rpx;
      background-color: #ffffff;
      box-shadow: 0rpx 0rpx 12rpx 1rpx
      rgba(188, 188, 192, 0.4);
      border-radius: 24rpx;
      position: absolute;
      bottom: 56rpx;
      left: 50%;
      transform: translateX(-50%);
      .top-item{
        display: flex;
        align-items: center;
        .icon-img{
          width: 28rpx;
          height: 33rpx;
        }
        .down-right-item{
          flex: 1;
          padding-left: 17rpx;
          .address-name{
            font-size: 28rpx;
            font-weight: 500;
            color: #000000;
          }
          .desc{
            font-size: 24rpx;
            font-weight: 400;
            color: #9e9e9e;
          }
        }
      }
      .item-wrapper{
        height: 108rpx;
        margin-top: 40rpx;
        .scroll-view_H{
          white-space: nowrap;
          .scroll-view-item{
            height: 108rpx;
            display: inline-block;
            vertical-align: middle;
            width: 176rpx;
            background-color: #f6f6f6;
            border-radius: 4rpx;
            text-align: center;
            margin-right: 20rpx;
            padding-bottom: 15rpx;
            padding-top: 15rpx;
            .item-img{
              width: 38rpx;
              height: 44rpx;
            }
            .item-word{
              font-size: 20rpx;
              font-weight: 400;
              color: #acacac;
            }
          }
        }
      }
    }
  }
  .popup-wrapper{
    .popup-wrapper-inner{
      padding: 67rpx 85rpx 35rpx 85rpx;
        .title-w{
          font-weight: 500;
          font-size: 28rpx;
          color: #000000;
          text-align: center;
        }
        .title-desc{
          font-size: 24rpx;
          font-weight: 400;
          color: #7f7f7f;
          text-align: center;
          margin-top: 58rpx;
          margin-bottom: 73rpx;
        }
        .button-wrapper{
          display: flex;
          justify-content: space-between;
        }
        .button-n{
          width: 255rpx;
          height: 82rpx;
          line-height: 82rpx;
          background-color: #fafafa;
          border-radius: 41rpx;
          font-size: 30rpx;
          color: #8c8c8c;
          font-weight: 500;
          text-align: center;
        }
        .btn-cancel{
          color: #016fe5;
        }
    }
  }
  .van-dialog__button {
    width: 50%;
  }

  .van-button--large {
    width: 100% !important;
  }
}
